page{
  background: #F5F5F5;
}

.shopping-cart{
  width: 100%;
  .top-edit{
    width: 100%;
    height: 80rpx;
    padding-left: 30rpx;
    //padding-right: 30rpx;
    box-sizing: border-box;
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20;
    .left-box{
      display: flex;
      align-items: center;
      .icon{

      }
      .location-text{
        padding-left: 8rpx;
      }
    }
    .right-box{
      padding-right: 30rpx;
      padding-top: 16rpx;
      padding-bottom: 16rpx;
      padding-left: 40rpx;
    }
  }
  .select-radio-box{
    display: flex;
    align-items: center;
    //width: 0;
    width: 60rpx;
    overflow: hidden;
    padding-right: 20rpx;
    //padding-right: 20rpx;
    //transition: all 0.3s;
    .text{
      flex-shrink: 0;
    }
  }
  .select-radio-box-2{
    display: flex;
    align-items: center;
    //width: 0;
    width: 130rpx;
    overflow: hidden;
    padding-right: 40rpx;
    .text{
      flex-shrink: 0;
    }
  }
  .select-radio-box-edit{
    width: 60rpx;
    padding-right: 20rpx;
  }
  .select-radio-box-edit-2{
    width: 130rpx;
  }
  .content-list{
    padding-left: 20rpx;
    padding-right: 20rpx;
    padding-top: 80rpx;
    padding-bottom: 200rpx;
    box-sizing: border-box;
    .commodity-wrap-item{
      padding-top: 20rpx;
      .commodity-wrap-inner{
        width: 100%;
        background: white;
        border-radius: 20rpx;
        padding: 32rpx;
        box-sizing: border-box;
        overflow: hidden;
        .top-shop-name-box{
          display: flex;
          align-items: center;
          height: 60rpx;
          .shop-name{
            display: flex;
            align-items: center;
            .shop-icon{
              font-size: 32rpx;
              padding-right: 10rpx;
            }
            .shop-name{
              font-size: 28rpx;
              font-weight: bold;
            }
          }
        }
        .commodity-item{
          width: 100%;
          height: 200rpx;
          display: flex;
          align-items: center;
          flex-shrink: 0;
          padding-top: 40rpx;
          .right-commodity-box{
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            display: flex;
            .commodity-img{
              width: 200rpx;
              height: 200rpx;
              background-repeat: no-repeat;
              background-position: center;
              background-size: cover;
              flex-shrink: 0;
              border-radius: 8rpx;
            }
            .right-details{
              width: 100%;
              height: 100%;
              padding-left: 20rpx;
              display: flex;
              flex-wrap: wrap;
              align-content: space-between;
              .top-box{
                .name{
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2;
                  overflow: hidden;
                }
                .sku{
                  padding-top: 16rpx;
                  padding-bottom: 6rpx;
                  color: #B2B2B2;
                  font-size: 24rpx;
                }
              }
              .bottom-box{
                width: 100%;
                //height: 40rpx;
                //background: #00c785;
                display: flex;
                align-items: center;
                justify-content: space-between;
                .left-box{
                  font-size: 36rpx;
                  color: #FF4850;
                  font-weight: bold;
                }
                .right-box{
                  flex-shrink: 0;
                  padding-left: 20rpx;
                  //width: 140rpx;
                  //height: 100%;
                  //background: #6d6d6e;
                }
              }
            }
          }
        }
      }
    }

  }
  .bottom-settlement-price{
    width: 100%;
    height: 120rpx;
    padding-top: 20rpx;
    padding-left: 20rpx;
    padding-right: 20rpx;
    padding-bottom: calc(20rpx + env(safe-area-inset-bottom) / 2);
    box-sizing: border-box;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 200;
    background: white;
    border-top: 2rpx solid #D5D5D5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .left-box{
      display: flex;
      .price-wrap-box{
        //padding-left: 30rpx;
        flex-shrink: 0;
        .price-box{
          display: flex;
          font-size: 32rpx;
          font-weight: bold;
          .text{
            color: #353535;
          }
          .price{
            color: #FF4850;
          }
        }
        .discount-box{
          display: flex;
          align-items: center;
          font-size: 20rpx;
          padding-top: 8rpx;
          .discount-price{
            color: #666666;
            padding-right: 8rpx;
          }
          .discount-detail{
            color: #353535;
            font-size: 20rpx;
            width: 96rpx;
            height: 32rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(245,245,245,1);
            border-radius: 32rpx;
          }
        }
      }
    }
    .right-box{
      .settlement-price-btn{
        width: 240rpx;
        height: 80rpx;
        font-size: 32rpx;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 80rpx;
        border: 2rpx solid rgba(237,87,87,1);
        box-sizing: border-box;
      }
      .settlement-btn{
        color: white;
        background: rgba(237,87,87,1);
        box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(255,123,125,0.3);
      }
      .del-btn{
        color: #ED5757;
        background: white;
      }
    }
  }
  .discount-popup-container{
    position: relative;
    .top-box{
      position: relative;
      width: 100%;
      height: 68rpx;
      padding-top: 8rpx;
      display: flex;
      align-items: center;
      .top-tips-name{
        width: 100%;
        text-align: center;
        font-weight: bold;
      }
      .right-close-icon{
        position: absolute;
        right: 20rpx;
        //top: 28rpx;
        font-size: 40rpx;
        color: #b2b2b2;
      }
    }
    .list-content{
      padding-left: 30rpx;
      padding-right: 30rpx;
      padding-top: 76rpx;
      .list-item{
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding-bottom: 40rpx;
      }
      .color-2{
        color: #FF4850;
      }
      .border-bottom{
        border-bottom: 2rpx solid #D5D5D5;
      }
      .padding-top-40r{
        padding-top: 40rpx;
      }
      .padding-bottom-0{
        padding-bottom: 0rpx;
      }
      .tips-detail-text{
        color: #666666;
        font-size: 24rpx;
        padding-top: 22rpx;
        line-height:17px;
      }
    }
  }
}
